WORKSHOP 


Een website bouwen met WebSite X1 


Een website op 1-2-3-4-b 


Heb je je voorgenomen om dit jaar eindelijk eens een 
eigen website te maken, maar ken je niets van html? 
Geen nood, met het vijfstappenplan van WebSite X1 en 
deze workshop kom je er wel! 4 rreoerik meus 


WAT DOEN WE? 
WAARMEE? 
3 


DUUR? 


MOEILIJKHEID? 


sÂr sr 


- en website maken is niet langer voorbehouden 
aan codefreaks of computernerds. Dankzij de 
opkomst van blogs en communitysites hebben heel 
wat mensen tegenwoordig een eigen stek op het net. 
Al die gemeenschapssites lijken echter zo op elkaar, 
en zelfgebakken bouwsels zien er niet altijd even 
professioneel uit. Het programma WebSite X1 biedt 
een fijn alternatief dat een middenweg bewandelt: in 
5 stappen loodst het je naar een professioneel ogen- 
de site, zonder ook maar één letter html te spre- 
ken. 

WebSite X1 is het gratis broertje van WebSite X5, 


Á 5 
waarmee ook de website van het programma www. 


DN AN PN 


websitex5.com is gemaakt. Zo kan je meteen zien wat 
er zoal mogelijk is. Voor X5 betaal je wel € 59,95 maar je vindt alvast 
een demoversie en een Engelstalige handleiding op onze cd. Van X1 krijg 
je de volledige versie, en daar gaan we dan ook mee aan de slag. Wij 
maken in geen tijd een website over onze redactie. Jij kan hetzelfde 
doen voor je familie of een geheel ander websiteproject bedenken. Hou 
alvast foto’s en leuke anekdotes bij de hand! 


STAP 1 / WEBSITE X1 INSTALLEREN 


Je vindt het programma gratis en voor niets op de cd-rom bij dit num- 
mer. Gooi hem dus in je pc en ga in het menu op zoek naar WegStre X1. 
De installatie verloopt erg vertrouwd: een klik op Nexr, eentje op Accept, 
een locatie aanduiden gevolgd door een druk op InstauL, en voor je het 
weet, kan je op Enp klikken om de installatie te beëindigen. Wil je 
meteen aan de slag, dan vink je wel eerst de optie Run WesStite X1 aan 
(zie afbeelding 1). Als je het programma opstart, krijg je altijd eerst 
een welkomstscherm te zien met een kleine advertentie voor X5. In de 
taakbalk van Windows zie je trouwens Incomepia WesStire X5 staan, maar 


[6 Incomedia WebSite X1 installation wizard 


Incomedia WebSite X1 Setup completed 


The software has been correctly installed on your computer. 


Click on ‘End’ in order to exit Setup wizard. 


jg Incomedia WebSite X1 


De installatie is voltooid 
voor je “WebSite X1” kan 
zeggen. 
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SINDS WANNEER KAN jp ZELF 
WEBSITES MAKEN 2 


WEBSITES GCUWEN MET x4 


je bent wel degelijk met X1 aan de slag. De verschillen met de grote 
broer kan je in een kaderstukje. Met een klik op Next kan je aan je 
website beginnen. 


STAP 2 / KENNISMAKEN MET HET PROGRAMMA 


Het programma heeft vier onderdelen (zie afbeelding 2). Links zie je 
de menubalk met de vijf hoofdstappen. Het witte werkblad daarnaast 
neemt het grootste deel van het venster in. Onder dat werkblad zie je 
drie knoppen (Back, Next en Exir) waarmee je door de stappen kan 
bladeren of het programma kan uitschakelen. Bovenaan ten slotte, heb 
je de keuze uit HeLp, Save en Test. Je slaat je vorderingen straks best 
geregeld op. Dat doe je door op Save te klikken, een naam te kiezen 
voor het bestand en vervolgens op Opstaan te klikken. Als je nu geregeld 
op Save klikt, ben je zeker dat er niets verloren gaat. Over de Test- 


optie vertellen we je meer in stap 10. 
Incomedia 
WebSé, 


WW Heb [see ' Test wv > 8 
Project selection 


Select the work project: you can create a new one or edit an existing one to modify it. 


© create a new project 


O Edit an existing project 


Project fle name: 


a (Back ) (net » ) (0 2 


In het stappenmenu aan de linkerkant kan je zien welke weg je nog af te 
leggen hebt. 


STAP 3 / EEN NIEUW PROJECT AANMAKEN 


Voor je kan beginnen, moet je een nieuw project aanmaken. Het bol- 
letje bij CREATE A NEW PROJECT staat goed, een druk op Next onderaan het 
scherm doet de rest. In het menu aan de linkerkant zie je dat je je nu 
in de eerste stap van het proces bevindt, namelijk GEneraL Setrines. In 
deze stap kan je achtereenvolgens de basisgegevens van je site invullen, 
een menustijl kiezen en de lay-out bepalen. 

We beginnen met de basisinformatie (zie afbeelding 3). De tekst die je 
bij Trrue invult, komt in grote letters bovenaan je website te staan. De 
Footer Note verschijnt in kleine letters links onderaan je pagina’s en 
wordt meestal gebruikt om het copyright aan te duiden. Als je een 
e-mailadres invult, zal dat rechts onderaan je pagina’s verschijnen met 
een envelopje ervoor. Bij Aurnor vul je je eigen naam in. Die wordt niet 
zichtbaar op de website weergegeven, maar komt terecht in een zoge- 
naamde metatag. Als alles naar wens is, klik je op Nex. 

Websié, 


er Help se v 4) Test v Q 
General settings 


Insert the requested information in the fields below to configure the project basic settings. 


General 


Ld settings 
Title: 
Author: Clickx Magazine 
a 
Creation E-mall: info@dickx.be | 
tE Î 
Footer note: _ |(c) 2007 Clickx Magazine 
Pages 
Creation 
Í 
Advanced Í 
settings 
5 Export 


a (Back) (next mp ) EE 3 


Hiermee zal het wel duidelijk zijn over wie onze website gaat. 


STAP 4 / DE LAY-OUT KIEZEN 


We zitten nog steeds in de eerste stap, maar nu moet je bepalen of je 
een horizontaal dan wel een verticaal menu wil. Soms vergemakkelijkt 
het programma je keuze: het horizontale menu kan namelijk maximum 


Incomedia 
WebSiié, Ne Help mr Save v JJ) Test v Bnn. 


Style template selection 


Browse the list of available styles: select the one that fits the website subject or create your personal template. 


Templates list 


5 EC Themes 
EB Colored Bands 


General 
Ln | settings 


EB Doors 
B Hioh Tide 
2 Map Sj Prompt 
Creation Sj Red House 
ES Skyscraper 
Ej Snapshot 
Pages Sj Straight Lines 
Creation Sj Wild Honey 


5} Winding Staircase 


Advanced 
settings 


en Eet caers 


mn 
jn 


(Back ) (net » ) (DO 5 4| 
De kleren maken de site. 


vijf items bevatten, inclusief de verplichte Home Pace. Aangezien de 
Clickx-redactie al uit vijf personen bestaat, moeten wij dus wel voor de 
verticale variant opteren. Telt jouw gezin minder leden, dan mag je 
uiteraard ook kiezen voor de horizontale versie. Je kan dat achteraf 
nog aanpassen door letterlijk en figuurlijk terug te keren op je stappen 
met enkele klikken op de Back-toets. 

Als je een menu hebt gekozen, druk je weer op Nexr om het uiterlijk 
van je website te bepalen. Hier kies je uit tien verschillende thema’s 
met elk twee hoofdkleuren. Wij gingen voor de gele versie van SnaPsHot 
(zie afbeelding 4). Je mag drie keer raden op welke knop je moet klik- 
ken als je een keuze gemaakt hebt. 


THEMA'S NAAR JE HAND ZETTEN 


Gevorderde gebruikers kunnen het uiterlijk van de site nog meer 
naar hun hand zetten. Zo kan je de standaardafbeeldingen van 
de thema’s zelf bewerken. Je vindt ze in de map Temp/Imaces, 
nadat je de website naar je schijf hebt geëxporteerd. Zorg er wel 
voor dat je de namen en afmetingen van de plaatjes niet veran- 
dert, want dat kan de site helemaal in de war sturen. Maak voor 
de zekerheid ook een back-up van de originele afbeeldingen. 


Met een beeldbewerker en wat handigheid versieren we de bovenkant 
van onze site met de tronies van de redactieleden. 


STAP 5 / PAGINA'S AANMAKEN 


Zoals je in het stappenmenu aan de linkerkant kan zien, zijn we intus- 
sen aan stap twee van het programma aanbeland: Map CreATron. Hier 
moet je de structuur van je site bepalen en de verschillende pagina’s 
aanmaken. Je bedenkt dus best op voorhand even welke pagina’s je site 
allemaal moet bevatten. In ons geval zijn dat er, naast de Home Page, 
vijf: eentje voor elk redactielid. Met een klik op het knopje New Pace, 
aan de rechterkant van het venster, maken we al een eerste pagina 


VAKTAAL 


METATAG: Html-code die je aan het begin van een webpagina kan gebruiken rond de <meta>- 
tag en die onzichbaar is voor de bezoekers van je site. Deze tags bevatten informatie over de 
pagina, zoals sleutelwoorden, een korte beschrijving, naam van de auteur, enzovoort. Veel 
zoekmachines gebruiken deze informatie om de pagina correct te indexeren. 
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DD 
GH ter PE sere v Z) Test v 8 


Map Creation 
Here you can insert more pages as necessary, 
Please remember ta name the pages correctly as this will be displayed in the title of the page and the website menu. 
1 General P% Home Page New page 
settings & Menu 
a 
er 
> Creation 
Fe 
Pages (Cove dos 
Creation 
Advanced 
settings 
5 Export 


é& Back Next mp 


0 exit 


PD 


Als je even het overzicht kwijt bent, kan je hier nog eens komen kijken naar 
het geraamte van je stek. 


aan. Geef die pagina meteen een zinnige naam, zodat je straks weet 
welke inhoud hij moet krijgen. In ons geval krijgt hoofdredacteur Jo 
de eer (zie afbeelding 5). 

Dat doe je een paar keer, tot je voor elk lid van je gezin een pagina 
hebt aangemaakt. Wil je de volgorde wijzigen, dan selecteer je de pa- 
gina die je wil verplaatsen en gebruik je de knopjes Move vp en Move 
DOWN om ze naar de gewenste positie te brengen. Om een pagina te 
verwijderen of de naam ervan te wijzigen, kan je je heil zoeken in de 
knopjes Derere en RENAME. 


STAP 6 / VORM AAN JE PAGINA'S GEVEN 


Met alweer een druk op Next kom je terecht in stap 3: Paces CREATION. 

Standaard zie je een tabelletje met vier cellen. Daarboven staat een 

werkbalkje met een aantal icoontjes. Van links naar rechts dienen ze 

om inhoud aan een object te geven, de inhoud van een object uit te 

lijnen, een rij in te voegen in de tabel, een kolom in te voegen, een rij 
Wes 


wr Help see v dj Test v B 
Objects insertion 


Select the objects to use For the present page. Select the icon From the available Objects list, drag it into the page Structure 
and drop it in the desired cell, 


Current page: Home Page 


Objects 


1 General ze # — End 
settings 3 
| 
A 
2 
Creation Image Images 


browser 


Pages Ei p 3 
P- PC | Creation á 

Flash VideofSound 
animation 


Advanced 
settings 


5 Export 


Er (eek ) (net ») (DO 5 6 


De hoogte van de rijen en de breedte van de kolommen past zich straks 
automatisch aan aan de inhoud. 
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te verwijderen, de laatste kolom te verwijderen en een hippe pagina- 
overgang in te stellen. Achter Current pace, boven de werkbalk, zie je de 
naam van de pagina die je op dat moment bewerkt in het vet staan. 
Met de knoppen Next en Back blader je door de andere pagina’s. Rechts 
van de tabel zie je vijf Ogdecrs. Dat zijn inhoudselementen die je aan de 
pagina kan toevoegen. 

Voor de welkomstpagina hebben we drie rijen nodig en maar één kolom 
(zie afbeelding 6). Verwijder dus eerst de laatste kolom met het 
knopje waar een verticale rode balk op staat (het tweede knopje van 
rechts). Om een nieuwe rij in te voegen, klik je op het derde knopje 
van links, met twee witte horizontale balken en één blauwe erop. In de 
pop-up kan je aangeven onder welke rij het nieuwe exemplaar moet 
komen. 


STAP 7 / OBJECTEN PLAATSEN 


In de bovenste en onderste rij van onze welkomstpagina plaatsen we een 
tekstobject, en in de middenste rij komt een afbeelding. Neem dus een 
Texr-object aan de rechterkant vast en sleep het naar de juiste rijen. 
Met het Imaee-object doe je net hetzelfde. De cellen hebben nu een 
witte achtergrond en een rood randje gekregen, met een icoontje in het 
midden. In de bovenste rij typen we straks een verwelkoming, daaronder 
plaatsen we een gezinsfoto en in de onderste rij schrijven we een wel- 
komsttekst. Maar eerst gaan we de andere pagina’s van de juiste objec- 
ten voorzien. Druk dus op Next om naar de volgende pagina te gaan. 
Vervolgens sleep je een tekstvak naar de scheidingslijn van de bovenste 
twee cellen. Een roze rechthoek maakt je duidelijk dat het object 
beide cellen zal overlappen (zie afbeelding 7). Hierin schrijven we straks 
de naam en functie binnen het gezin van de persoon in kwestie. Naar 
de cel linksonder sleep je ook een tekstobject, voor tekst en uitleg, en 
in de cel rechtsonder mag een Imace-object komen. Daar zetten we 
straks een mooie foto van het gezinslid. 


Incomedia =S 
WebSiié, Gree Psv OJ) rest v Bn. 


Objects insertion 
Select the objects to use For the present page. Select the icon from the available Objects list, drag it into the page Structure 
and drop it in the desired cell, 


Current page: Jo 


NEET EN 


settings 


Objects 


a 


\ 
sl 


Map 
Creation 


TL 


Text Image Images 
browser 


ej Te | 
les 

(sé 

Flash __Videofsound 


animation | 


Advanced | 
settings 


Pages 
3 Gest 


5 Export 


” a (Back) (next mp |) cekd 


De roze rechthoek geeft aan waar je object zal terechtkomen. 


STAP 8 / DE OBJECTEN INVULLEN 


Heb je alle pagina’s ingedeeld, dan kan je beginnen met het toevoegen 
van tekst en foto’s. Klik enkele keren op de Back-toets om de juiste 
pagina op het scherm te toveren en dubbelklik vervolgens op de pic- 
togrammen voor tekst of figuren. Bij tekstobjecten kom je dan terecht 
in een soort tekstverwerker, waar je je tekst kan opmaken zoals in 


Incomedia 
) . 
WebSé,, n WP Hee ti Save v  4Ĳ) Test v 
Text Object 
Use Following editor to edit and format text related to the Text object you are working on. 
beN <> 
1 General Arial Sje SIBLU qEEE 
settings = 
Jo Verluyten 
hoofdredacteur 
Bi | 
Creation 
É 
3 Pages | 
Creation 1 | 


Advanced 
settings 


5 Export 


Zo, er is er al weer eentje gelukkig. 


Word (zie afbeelding 8). Als je dubbelklikt op een Imaae-object, kom je 
in een venster terecht waar je het programma kan vertellen welke 
afbeelding er ingevoegd moet worden. Alle afbeeldingen worden auto- 
matisch omgezet in jpg-formaat. Met de JPG Compressron Factor kan je 
instellen in welke mate WebSite X1 de afbeelding moet comprimeren. 
Hoe hoger de waarde, hoe minder schijfruimte het bestand inneemt. 
Maak ze echter niet té klein want dat vermindert de beeldkwaliteit. 
Experimenteren is hier de boodschap. 

Voor FLask-animaties of Vipeo/Sounp-objecten moet je enkel aangeven 
welk bestand er gebruikt moet worden en welke afmetingen je eraan 
wil geven. Het Imace Browser-object lieten we links liggen, omdat die niet 
naar wens werkten in Firefox of Internet Explorer 7. 

Ben je tevreden, dan klik je onderaan op Ok. Objecten die gevuld zijn, 
krijgen een lichtblauwe achtergrond in de tabel; bij de andere blijft die 
wit. Vul zo al je pagina’s op met tekst en beeld en druk op Next tot je 
in stap 4 bent aanbeland. 


STAP 9 / HET UITERLIJK AANPASSEN 


In de Apvancep serrines kan je drie dingen aanpassen: het uiterlijk van je 
hoofdmenu, de titels van je pagina’s, en de scrollbalken. We beginnen 
met het hoofdmenu. Klik dus op Main Lever Menu. In het Preview-venster 
aan de rechterkant krijg je al een voorsmaakje van hoe het er zal uit- 
zien. Aan de linkerkant zie je de parameters die je kan aanpassen. 
Boven het Preview-venster zie je drie tabbladen staan. 

In het eerste (GeneraL) kan je je menu-items (de navigatieknoppen van 
je eigenlijke website) een randje geven: Borper wiptH bepaalt de dikte 
ervan, Borper coLor uiteraard de kleur, en met Outer Marcin bepaal je de 
afstand tussen de items (zie afbeelding 9). In het tabblad Text bepaal 
je het uiterlijk van de tekst in het menu. Font styvie werkt enkel in 
WebSite X5. 

Het tabblad Corors ten slotte, herbergt de kleurtjes van je menu-items. 
Met een klik op Ok kom je telkens terug in de Apvancep Setrines terecht. 
In het Paaes TirLe-menu kan je ervoor kiezen om de titels van elke pa- 
gina al dan niet weer te geven, maar omdat wij de naam van alle ge- 
zinsleden zelf al bovenaan de pagina’s hebben gezet, vinken we die 
optie uit. Druk opnieuw op Ok om de wijziging te bewaren en terug te 
keren naar de Apvancep serrinas. Als je wil, kan je ook nog het uiterlijk 
van de scrollbalken aanpassen, en je site is klaar! 


PROBLEMEN MET ALTERNATIEVE 
BROWSERS 


WebSite X1 is ontworpen voor Internet Explorer, en dat heeft zo 
zijn gevolgen. Speciale mogelijkheden zoals paginaovergangen en 
de Images browser werken niet in alternatieve browsers zoals 
Firefox. Soms wordt tekst ook verkeerd uitgelijnd, zodat je niet 
alles te zien krijgt. Bij producent Incomedia zijn ze zich daar ten 
volle van bewust, en er wordt gewerkt aan ondersteuning voor 
alternatieve browsers. 


) pe Clickx-redactie - Mozilla Firefox 


Bestand Bewerken Beeld Geschiedenis Bladwijzers Extra Help 


@ hd ad @& fg LD file: /}/C:webSite%20X1Jtempjhome.heml rlr 


De Clickx-redactie 


® 
Home Page 
VAlallemmmn mn ln min enn en Pian mean edkie 


Jo 
Bart B 


pen ® MAGAZINE 
Bart S 
Frederik be) 


Meer plezier aan het klavier 


Hier vindt je informatie en foto's over de vijf redactieleden van Clickx. In het menu aan de linkerkant kan 
je door de verschillende pagina's bladeren. Heb je nag vragen, dan mag je ans altijd een mailtje sturen 
via de link rechts onderaan. Veel surfplezier! 


De redactie 


r (e) 2007 Clickx Magazine 


Jinfo@clickx he 


Klaar 


WebSite X1 is duidelijk niet geoptimaliseerd voor Firefox. 


Incomedia 
WebSiié, 


WG ver fi ser 4) Tet v en 8 


First level items style General Tek colors 
Options in this section allow to edit graphic style of items of first level menu. 
v] Enable customized settings AE 
1 General Border width: 1 = 
settings == 
Border color: __| 
2 Map Outer margin: | Page 1 
Creation Page 2 
Page 3 
3 Pages Page 4 
Creation 
Advanced 
> settings 
5 Export 


r a DEMER: 9 


Als je je wil uitleven met kleurtjes, dan is deze stap je kans. 
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STAP 10 / TESTEN EN EXPORTEREN 


Met de stap Export kan je je website op het internet publiceren of 
lokaal op je harde schijf plaatsen. Het is echter raadzaam om hem eerst 
eens te testen. Dat doe je door bovenaan op Test te klikken. Je web- 
site verschijnt in je standaardbrowser, en je kan er eens doorheen 
surfen om te kijken of alles naar wens is. Als je op het pijltje naast 
Test klikt, kan je kiezen of je de volledige site wil testen of enkel de 
pagina die je op dat moment aan het bewerken bent. Die keuze is 
handig als je erg zware sites maakt, maar dat is normaal gezien niet 
het geval. Je kan het vinkje bij Test ALL weBsite dan ook gewoon laten 


Export on disc 


Enter the Folder name to save all the website files: if the Folder doesn't exist, it wil be automatically created, 


Test 


WP Heb am | Saves  } 


General 
settings 
Destination directory: 
ke: MyWebSite 
Map 
Creation 


Pages 
Creation 


Advanced 
settings 


> 5 Export 


FS (Bek | (stat » ) (DO 5 10) 


Om je site op het net te kunnen zetten, moet je hem eerst exporteren naar 
je harde schijf. 


X1 OF X5? 


X5 is de grotere broer van X1 en kost een kleine € 60 voor gewone sterve- 
lingen. Clickx-lezers daarentegen, betalen amper de helft om hun exemplaar 
van X1 te upgraden naar X5. Tot 30 maart kan je dat doen op 
Maar wat krijg je dan méér voor dat geld? Wel, een heleboel. 
Letterlijk elke stap is een pak uitgebreider. Zo heb je niet alleen de keuze uit 
een 70-tal opmaaksjablonen, maar kan je er ook zelf creëren, en je kan sub- 
menu's aanmaken. Het geraamte van je pagina’s kan maximum vijf kolommen 
breed zijn, maar wel 28 rijen hoog. De cellen kan je dan vullen met negen 


objecten 


in plaats van vijf, zoals een e-mailformulier, een slideshow en een 


tabel. Alle objecten kunnen meer dan twee rijen of kolommen beslaan, en je 
kan ze volledig naar je hand zetten. Verder kan je het uiterlijk van je links 
bepalen en een intropagina voorzien. Handig als je site in meerdere talen 
beschikbaar moet zijn of een gedeelte ervan verborgen moet blijven. 


Websité 


Vind je X1 té beperkt, 


Dn 
MENE MN À dan kan je de aankoop 
Objects insertion 
Sadet the cbpncts to wan ber Den orenart vage. Saiect the con from te ovadiabin Obimcts het, Dag & vlo the page tnxbae van X5 overwegen. Al 
and botte demwed cel. 


wacht je misschien 
dc beter even tot de 


1 


Ourert page: Home Page 
Za At & 


sl A B HEEE 
: — || a ek en compatibiliteitspro- 
En = à B Ee blemen met alterna- 
== tn “eter st tieve browsers opge- 
En za la a en le lost zijn. 
ben, gn Oma toren 
= la 
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a. Geblokkeerd 


== Als je Windows XP met Service Pack 2 hebt geïnstalleerd, 
krijg je een waarschuwing van Internet Explorer als je je 

pagina’s wil testen. Sta de geblokkeerde inhoud gewoon toe. Dit 

probleempje doet zich wel uitsluitend voor tijdens het testen. 


staan. Ben je tevreden, dan kan je je website naar je harde schijf ex- 
porteren. Kies voor ExPoRT WEBSITE ON Disk en druk op Next. Vervolgens 
kies je een geschikte map en klik je op Start om het exporteren te 
beginnen (zie afbeelding 10). 


STAP 11 / JE SITE OP HET NET ZETTEN 


X1 heeft een ingebouwde ftp-machine om je versgemaakte pagina’s op 
het internet gooien, maar die werkt niet altijd naar behoren en dus 
gebruiken we een alternatief. FileZilla is bijvoorbeeld erg geschikt voor 
de job. Om FileZilla te downloaden, surf je naar http://filezilla.sourceforge. 
net. In het menu aan je linkerkant klik je op DownLoao. Op de volgende 
pagina geef je de bovenste groene downloadknop een duw, waarna je 
een tabel te zien krijgt. Als je daar op het tweede item uit de lijst klikt 
(FrueZiuta_ 2_ 2_ 3O0A_ setup.exe) begint het downloaden. Als dat ge- 
beurd is, dubbelklik je op het installatiebestand en doorloop je de wi- 
zard. 

Als de installatie voltooid is, start je het programma op. Rechts boven- 
aan zie je vier veldjes staan: Appress, User, Passworo en Port. Bij Appress 
vul je het adres van je website in. Heb je een eigen domein, dan is dat 
meestal Heb je gratis webruimte bij je internetabon- 
nement gekregen, dan hangt het adres af van je provider. Bij Skynet 
is het bijvoorbeeld users.skynet.be, en bij Telenet users.telenet.be. Bij User 
en Passworp vul je de gegevens in die je van je provider hebt gekregen. 
Bij Porrt, ten slotte, vul je 21 in. Dat is namelijk de standaardpoort voor 
gegevensoverdracht. Als alles ingevuld is, druk je op de knop Qurckcon- 
NECT, rechts naast de invulveldjes. Daaronder zie je twee vensters die 
lijken op Windows Verkenner (zie afbeelding 11). In het linkervenster 
kan je door je harde schijf bladeren en rechts zie je nu de inhoud van 
je webruimte staan. Om je website te publiceren, moet je alleen nog 
de bestanden en mappen van links naar rechts slepen. Als dat gebeurd 
is, kan je FileZilla sluiten en naar je nieuwe stek surfen! « 


E- hy B R ? nau User Paisrart Pa [oucrgernect}» 
eelt. 5 [Mancte Sie 
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Met de twee grootste vensters van FileZilla kan je je site naar je webruimte 
kopiëren. 


